@charset "utf-8";
/* CSS Document */

.bgColorGrey{
width:100%;
height:100%;
position:fixed; 
left:0;
top:0;
background:url(../images/screenBgGrey.jpg) center center no-repeat fixed;
background-size:cover;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

}

.bgColor{
width:100%;
height:100%;
position:fixed; 
left:0;
top:0;
background:url(../images/screenBg.jpg) center center no-repeat fixed;
background-size:cover;

filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;


-webkit-transition:all 1.8s;
-moz-transition:all 1.8s;
-o-transition:all 1.8s;
transition:all 1.8s;
}


.fp-viewing-about .bgColor{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}


.section .cont{
 position:absolute;
  top:50%;
  left:50%;
}
.section1 .cont{
 width:440px;
 height:440px;
 margin-top:-220px;
 margin-left:-245px;
 padding-left:0px;
 position:relative;

}
.section1 .cont img{
    position: absolute;
}

.section1 .cont .logo{
 margin-left:-10px;
 margin-bottom:30px;
 
 display:none;
}

.section1 .aniThree{
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}

 
.section1 .cont .bgImg{
 display:none;
}
body.no-backgroundClip .section1 .cont .bgImg{
 background:url(../images/tagline.png) left top no-repeat;
 width:338px;
 height:306px;
 display:block;
}

body.no-backgroundClip .bgTxt{
display:none;
}


.section1 .cont .leftBorder{
 width:3px;
 height:390px;
 position:absolute;
 left:0;
 top:18px;
 
  display:none;
background: #22a7c3;
background: -moz-linear-gradient(top,  #22a7c3 0%, #5a28d8 50%, #e43092 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22a7c3), color-stop(50%,#5a28d8), color-stop(100%,#e43092));
background: -webkit-linear-gradient(top,  #22a7c3 0%,#5a28d8 50%,#e43092 100%);
background: -o-linear-gradient(top,  #22a7c3 0%,#5a28d8 50%,#e43092 100%);
background: -ms-linear-gradient(top,  #22a7c3 0%,#5a28d8 50%,#e43092 100%);
background: linear-gradient(to bottom,  #22a7c3 0%,#5a28d8 50%,#e43092 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a7c3', endColorstr='#e43092',GradientType=0 );
}

.backgroundClip .section1 .cont .bgImg{
 display:none;
}


.backgroundClip .section1 .cont .bgTxt{

background: #22a7c3;
background: -moz-linear-gradient(-45deg,  #22a7c3 0%, #5a28d8 6%, #e43092 12%, #22a7c3 18%, #5a28d8 24%, #e43092 31%, #22a7c3 36%, #5a28d8 42%, #e43092 48%, #22a7c3 54%, #5a28d8 60%, #e43092 66%, #22a7c3 72%, #5a28d8 78%, #e43092 84%, #22a7c3 92%, #5a28d8 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#22a7c3), color-stop(6%,#5a28d8), color-stop(12%,#e43092), color-stop(18%,#22a7c3), color-stop(24%,#5a28d8), color-stop(31%,#e43092), color-stop(36%,#22a7c3), color-stop(42%,#5a28d8), color-stop(48%,#e43092), color-stop(54%,#22a7c3), color-stop(60%,#5a28d8), color-stop(66%,#e43092), color-stop(72%,#22a7c3), color-stop(78%,#5a28d8), color-stop(84%,#e43092), color-stop(92%,#22a7c3), color-stop(100%,#5a28d8));
background: -webkit-linear-gradient(-45deg,  #22a7c3 0%,#5a28d8 6%,#e43092 12%,#22a7c3 18%,#5a28d8 24%,#e43092 31%,#22a7c3 36%,#5a28d8 42%,#e43092 48%,#22a7c3 54%,#5a28d8 60%,#e43092 66%,#22a7c3 72%,#5a28d8 78%,#e43092 84%,#22a7c3 92%,#5a28d8 100%);
background: -o-linear-gradient(-45deg,  #22a7c3 0%,#5a28d8 6%,#e43092 12%,#22a7c3 18%,#5a28d8 24%,#e43092 31%,#22a7c3 36%,#5a28d8 42%,#e43092 48%,#22a7c3 54%,#5a28d8 60%,#e43092 66%,#22a7c3 72%,#5a28d8 78%,#e43092 84%,#22a7c3 92%,#5a28d8 100%);
background: -ms-linear-gradient(-45deg,  #22a7c3 0%,#5a28d8 6%,#e43092 12%,#22a7c3 18%,#5a28d8 24%,#e43092 31%,#22a7c3 36%,#5a28d8 42%,#e43092 48%,#22a7c3 54%,#5a28d8 60%,#e43092 66%,#22a7c3 72%,#5a28d8 78%,#e43092 84%,#22a7c3 92%,#5a28d8 100%);
background: linear-gradient(135deg,  #22a7c3 0%,#5a28d8 6%,#e43092 12%,#22a7c3 18%,#5a28d8 24%,#e43092 31%,#22a7c3 36%,#5a28d8 42%,#e43092 48%,#22a7c3 54%,#5a28d8 60%,#e43092 66%,#22a7c3 72%,#5a28d8 78%,#e43092 84%,#22a7c3 92%,#5a28d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a7c3', endColorstr='#5a28d8',GradientType=1 );

background-size: 700% 700%;

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}



.backgroundClip .section1 .cont .bgTxt.taglineAni{
 
 -webkit-transition:all 8s;
-moz-transition:all 8s;
-o-transition:all 8s;
transition:all 8s;
background-position: 42% 42%!important;
}



.section2 .cont{
 width:840px;
 height:705px;
 margin:-360px 0 0 -350px;
 padding:90px 0 0 0;
 background:url(../images/aboutBg.png) center center no-repeat;
}
.section2 .cont h2{
  width:420px;
  margin-left:170px;
 text-align:left;
}

.section2 .cont .txt{
 margin-top:-36px;
  width:420px;
  margin-left:289px;
 text-align:left;
 line-height:196%;
 font-size:16px;
    text-indent: 2em;
    font-weight: lighter;
    color: #DEDEDE;
}



.section3{
 background:#08090c url(../images/loading.gif) center center no-repeat;
}


.section3 .cont{
 height:240px;
 width:638px;
 margin:-210px 0 0 -260px;
    margin-left: -319px;
}

.section3 .btnsWrap{
 height:100px;
 position:relative;
}
.section3 .btnsWrap span{
 position:relative;
 z-index:4; 
 font-size:30px;
}
 
.section3 .btnBefore, .section3 .btnAfter{
 height:100px;
 width:277px;
 position:absolute;
 top:0;
 line-height:100px;
 font-size:30px;
 cursor:pointer;
 z-index:1;
 
 -webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.section3 .btnBefore{
 left:0;
 text-align:right;
 padding-right:55px;
}
.section3 .btnAfter{
 right:0;
  text-align:left;
 padding-left:55px;
}

.section3 .btnsWrap img{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.section3 .btnBefore img{
position:absolute;
left:0;
top:0;
}

.section3 .btnAfter img{
position:absolute;
right:0;
top:0;
}


.section3 .icon-arrowLeft:before{
font-size:36px;
position:absolute;
left:30px;
top:0;
line-height:100px;
z-index:2;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

.section3 .icon-arrowRight:after{
font-size:36px;
position:absolute;
right:30px;
top:0;
line-height:100px;
z-index:2;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

.section3 .btnBefore:hover.icon-arrowLeft:before{
 left:25px;
}
.section3 .btnAfter:hover.icon-arrowRight:after{
 right:25px;
}
.section3 .btnBefore:hover img, .section3 .btnAfter:hover img{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 19;
opacity:1; 
}

.section3 .btnBefore:hover{
 padding-right:70px; 
}

.section3 .btnAfter:hover{
 padding-left:70px; 
}


.servicesBox{
 float:left;
 width:25%;
 height:100%;
 position:relative;
  text-align:center;
  display:block;
  color:#fff;
}

.servicesBox .bg1, .servicesBox .bg2{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
}
.servicesBox .bg1{
 z-index:1;
}

.servicesBox .bg2{
 z-index:2;
 -webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

.servicesBox.active .bg2{

}
.servicesBox.boxWedding{
  background:#c83d8e;
}

.servicesBox.boxParty{
   background:#2a9bc4;
}

.servicesBox.boxBusiness{
   background:#664fc5;
}

.servicesBox.boxWedding .bg1{
 background:url(../images/services/wedding1.jpg) center center no-repeat;
 background-size:cover;
}

.servicesBox.boxWedding .bg2{
 background:url(../images/services/wedding2.jpg) center center no-repeat;
 background-size:cover;
}

.servicesBox.boxParty .bg1{
 background:url(../images/services/metting2.jpg) center center no-repeat;
 background-size:cover;
}
.servicesBox.boxParty .bg2{
 background:url(../images/services/metting1.jpg) center center no-repeat;
 background-size:cover;
}

.servicesBox.boxBusiness .bg1{
  background:url(../images/services/business1.jpg) center center no-repeat;
 background-size:cover;
}

.servicesBox.boxBusiness .bg2{
  background:url(../images/services/business2.jpg) center center no-repeat;
 background-size:cover;
}

.servicesBox.boxMetting .bg1{
    background:url(../images/services/party1.jpg) center center no-repeat;
    background-size:cover;
}
.servicesBox.boxMetting .bg2{
    background:url(../images/services/party2.jpg) center center no-repeat;
    background-size:cover;
}

.servicesBox .flag{
 position:absolute;
 width:100%;
 height:280px;
 z-index:9;
 /*left:50%;*/
 top:0;
 /*margin-left:-90px;*/
}

.servicesBox.boxWedding .flag{
 /*background:url(../images/flagWedding.png) left top no-repeat;*/
}
.servicesBox.boxParty .flag{
 /*background:url(../images/flagParty.png) left top no-repeat;*/
}
.servicesBox.boxBusiness .flag{
 /*background:url(../images/flagBusiness.png) left top no-repeat;*/
}

.servicesBox .flag:before{
 font-size:58px;
 display:block;
  padding:80px 0 20px 0;
}


.servicesBox .btnEnter{
 position:absolute;
 width:120px;
 height:120px;
 z-index:9;
 left:50%;
 top:50%;
 margin-left:-60px;
 margin-top:-40px;
 
 -webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;

filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;

}
.servicesBox .btnEnter:after{
 font-size:36px;
 line-height:120px;
}

.servicesBox.boxWedding .btnEnter{
 /*background:rgba(194,40,130,0.9);*/
    background:url(../images/btn-1.png) center center no-repeat;
}

.servicesBox.boxParty .btnEnter{
 /*background:rgba(19,144,190,0.9);*/
    background:url(../images/btn-2.png) center center no-repeat;
}

.servicesBox.boxBusiness .btnEnter{
  /*background:rgba(85,69,190,0.9);*/
    background:url(../images/btn-3.png) center center no-repeat;
}
.servicesBox.boxMetting .btnEnter{
    /*background:rgba(85,69,190,0.9);*/
    background:url(../images/btn-4.png) center center no-repeat;
}



.servicesBox.active .bg2{
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}



.servicesBox.active .btnEnter{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;

margin-top:0px;
}



.section5 .cont{
 height:560px;
 width:720px;
 margin:-280px 0 0 -360px;
 font-size:20px;
}





.section5 .tel{
 font-size:42px;
 padding:30px 0 0 0;
 color:#fff!important;
}

.section5 .email{
  font-size:24px;
 padding:20px 0 0 0;
 color:#fff!important;
}

.contactBox{
width:100%;
margin-top:60px;
position:relative;
text-align:center;
vertical-align:middle;
}


.contactBox a.icon{
 color:#c22882;
border:2px #c22882 solid;
vertical-align:middle;

width:100px;
height:100px;
line-height:100px;
display:inline-block;

text-align:center;
font-size:40px;
margin:30px 25px 0 25px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

.contactBox a.txt{
 font-size:26px;
 vertical-align:middle;
}

.contactBox a.icon:hover{
color:#fff;
background:#c22882; 
}


.toolTip{
position:relative;
}
.toolTip img{
display:none;
position:absolute;
top:-170px;
left: -25px;
}

.toolTip:hover img{
 display:block;
}

